﻿@inject IStringLocalizer<CollapseItems> Localizer

<Collapse>
    <CollapseItems>
        @if (State)
        {
            <CollapseItem Text="@Localizer["Consistency"]">
                <div>@Localizer["ConsistencyItem1"]</div>
                <div>@Localizer["ConsistencyItem2"]</div>
            </CollapseItem>
            <CollapseItem Text="@Localizer["Feedback"]" IsCollapsed="false">
                <div>@Localizer["FeedbackItem1"]</div>
                <div>@Localizer["FeedbackItem2"]</div>
            </CollapseItem>
        }
        else
        {
            <Collapse>
                <CollapseItems>
                    <CollapseItem Text="@Localizer["Consistency"]">
                        <div>@Localizer["ConsistencyItem1"]</div>
                        <div>@Localizer["ConsistencyItem2"]</div>
                    </CollapseItem>
                    <CollapseItem Text="@Localizer["Feedback"]">
                        <div>@Localizer["FeedbackItem1"]</div>
                        <div>@Localizer["FeedbackItem2"]</div>
                    </CollapseItem>
                    <CollapseItem Text="@Localizer["Efficiency"]">
                        <div>@Localizer["EfficiencyItem1"]</div>
                        <div>@Localizer["EfficiencyItem2"]</div>
                        <div>@Localizer["EfficiencyItem3"]</div>
                    </CollapseItem>
                    <CollapseItem Text="@Localizer["Controllability"]">
                        <div>@Localizer["ControllabilityItem1"]</div>
                        <div>@Localizer["ControllabilityItem2"]</div>
                    </CollapseItem>
                </CollapseItems>
            </Collapse>
        }
    </CollapseItems>
</Collapse>
<Button Text="@Localizer["ButtonText"]" OnClick="OnToggle" class="mt-3" />

@code {
    private bool State { get; set; }

    private void OnToggle()
    {
        State = !State;
    }
}
